body {
    background: #f3f3f3;
}
tr:hover{
    cursor: pointer;
}
.infor {
    background: #fff;
    width: calc(100% - 60px);
    margin: 40px auto 0;
    padding-top: 22px;
    border-radius: 4px;
}

    
    .current-nav{
        float: left;
        width:100%;
        height: 40px;
        line-height: 40px;
        padding-left: 30px;
        color:#939393;
        font-size: 14px;
        a{
          color:#939393;
            font-size: 14px;  
        }
        i{
            margin:0 10px;
            font-style: normal;
        }
    }
.el-form-item__label {
    color: #333333;
}
.el-input__inner {
    border-color: #dddddd;
}
.sure {
    background: #4080ff;
    background-image: linear-gradient(90deg, #6eb1ff 20%, #3372ff 80%);
    border: 0;
    border-radius: 8px;
    color:#fff;
}
.sure:hover{
    opacity: .8;
    color:#fff;
}
.el-table {
    width: calc(100% - 200px );
    margin: 0 auto;
    border-top: 1px solid #EBEEF5;
}
.el-table th>.cell {
    color: #333333;
    font-weight: bold;
}
.title {
    color: #373737;
    font-size: 16px;
    text-indent: 24px;
    font-weight: 800;
    margin-bottom: 36px;
}
.steps {
    width: 630px;
    margin: 0 auto;
    li {
        width: 250px;
        height: 120px;
        float: left;
        background: url(../images/border1_03.jpg)no-repeat 96px 18px;
        background-size: auto;
        position: relative;
        >span {
            display: block;
            width: 38px;
            height: 38px;
            color: #fff;
            border-radius: 50%;
            line-height: 38px;
            text-align: center;
            font-weight: 800;
            margin-left: 10px;
            background: #cccccc;
            margin-bottom: 10px;
        }
        p {
            font-size: 14px;
            color: #cccccc;
            font-weight: 800;
        }
        p.info_note{
            display: none;
            font-size: 12px;
            color: #999;
            width: 200px;
            font-weight: normal;
            position: absolute;
            left: -70px;
            margin-top: 20px;
            i{
                display: block;
                width: 15px;
                float: left;
                margin-top: 3px;
            }
            span{
                display: inline-block;
                width: 180px;
                strong{
                    color: #ff0000;
                }
            }
        }
    }
    li:last-child {
        width: 120px;
        background-image: none;
        p{
            margin-left: -13px;
        }
        p.info_note{
            left: -55px;
        }
    }
    .steps-active {
        >span {
            background: #4080fe;
        }
        p {
            color: #333333;
        }
        p.info_note{
            display: block;
        }
    }
}
.bts {
    width: 310px;
    margin: 50px auto;
    .el-button {
        width:136px;
        float: left;
        border-radius: 8px;
    }
    .cancel {
        border: 1px solid #2476ff;
        color: #2476ff;
        background-image: none;
        height: 38px;
    }
}
.page-container {
    padding: 28px 0;
    width: 620px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    .el-pagination {
        float: right;
    }
    .el-button {
        float: right;
        background: #edf4fe;
        width: 50px;
        padding: 0;
        height: 28px !important;
        margin: 4px 10px auto;
        color: #7fa4fc;
        border: 0;
    }
}
.el-dialog__header{
    padding: 0;
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
    border-bottom: 1px solid #dddddd;
}
.el-dialog__title{
    font-size: 14px;
    color:#666666;
}
.el-dialog__headerbtn{
    top:10px;
}
.left-box{
    width:40%;
    height:780px;
    min-width:400px;float:left;
    border: 1px solid #dddddd;
    float:left;
    margin-left:15px;
}
.right-box{
    width:calc(60% - 60px);
    float:right;
    margin-right:15px;
	.table-name{
        margin:15px 0;
        text-align: center;
        font-size: 20px;
        font-weight: 800;
        color:#333333;
    }
    table{
        width:100%;
        border-collapse:collapse; 
        border-spacing:0;
        border:0;
        line-height: 40px;
        text-align: center;
        position: relative;
        font-size: 14px;
        columns: #999999;
        th{
            border-color: #dddddd;
        }
        tr:first-child{
            th{
                
            font-weight: bold;
            }
        }
        td{
            border-color: #dddddd;
            padding:10px;
            line-height: 24px;
            .radioImg{
                width:25px;
                height:25px;
                display: block;
                margin: 0 auto;
            }
        }
        td.div-radio2{
            width:80px;
           background:url(../images/r2.png)no-repeat center center;
           background-size: 25px 25px;
         
        }
        td.div-radio1{
            width:80px;
           background:url(../images/r1.png)no-repeat center center;
           background-size: 25px 25px;

        }
        td.sign-word{
            img{
                float: left;
                width:120px;
                height:60px;
            }
            i{
             line-height:36px;
             background:#edf4fe;
             padding:0 15px;
             border-radius:4px;
             color:#4080fe;
             cursor: pointer;
             float:left;
             border: 1px solid #edf4fe;
            }
            i:hover{
              border: 1px solid #4080fe;
            }
          }
    }
}
